<%@ page contentType="text/html;charset=UTF-8" pageEncoding="UTF-8" language="java" isELIgnored="false" %>

<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <meta name="renderer" content="webkit">
    <title></title>
    <link rel="stylesheet" href="<%=request.getContextPath()%>/css/pintuer.css">
    <link rel="stylesheet" href="<%=request.getContextPath()%>/css/admin.css">
    <script src="<%=request.getContextPath()%>/js/jquery.js"></script>
    <script src="<%=request.getContextPath()%>/js/pintuer.js"></script>
</head>
<body>
<div class="panel admin-panel">
    <div class="panel-head" id="add"><strong><span class="icon-pencil-square-o"></span>增加用户</strong></div>
    <div class="body-content">
        <!--注意action值的正确设置-->
        <form method="post" class="form-x" action="user_create">
            <div class="form-group">
                <div class="label">
                    <label>志愿者档案编号：<span class="icon-exclamation-circle text-big tips" 
                        data-toggle="hover" 
                        data-place="right" 
                        title="志愿者档案编号仅限创建志愿者角色时有效，批量创建将会根据现在输入的数据和目前创建的志愿者序列位置自动进行数学相加。
                            请注意：为了保护档案数据安全和真实性，志愿者编号不能被修改，请仔细检查以确保输入的数据正确。">
                        </span>
                    </label></label>
                </div>
                <div class="field">
                    <input type="text" class="input w50" value="" name="vol_id" />
                    <div class="tips"></div>
                </div>
            </div>
            <div class="form-group">
                <div class="label">
                    <label>用户名：</label>
                </div>
                <div class="field">
                    <input type="text" class="input w50" value="" name="username" data-validate="required:请输入用户名" />
                    <div class="tips"></div>
                </div>
            </div>
            <div class="form-group">
                <div class="label">
                    <label>密码：</label>
                </div>
                <div class="field">
                    <input type="text" class="input w50" value="" name="password" data-validate="required:请输入密码" />
                    <div class="tips"></div>
                </div>
            </div>
            <div class="form-group">
                <div class="label">
                    <label>用户类型：</label>
                </div>
                <div class="field">
                    <select name="role" class="input w50">
                        <option value="0">志愿者</option>
                        <option value="1">活动负责人</option>
                    </select>
                    <div class="tips"></div>
                </div>
            </div>
            <div class="form-group">
                <div class="label">
                    <label>批量添加数量 <span class="icon-exclamation-circle text-big tips" 
                        data-toggle="hover" 
                        data-place="right" 
                        title="输入数字将批量添加用户（默认为1），系统将自动将用户名进行编号，而所有新增用户的密码将一样（为你在上文设置的密码）">
                        </span>
                    </label>
                </div>
                <div class="field">
                    <input type="text" class="input w50" value="" name="create_count" />
                    <div class="tips"></div>
                </div>
            </div>
            <div class="form-group">
                <div class="label">
                    <label></label>
                </div>
                <div class="field">
                    <button class="button bg-main icon-check-square-o" type="submit"> 提交</button>
                </div>
            </div>
        </form>
    </div>
</div>

</body></html>
